<template>
  <div id="app" >
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'HomeView',
  methods:{
    openOr(){
      const html = document.querySelector('html');
        html.requestFullscreen()
    }
  },
  data(){
    return{
      falg:1,
    }
  },
  mounted(){
    
    const html = document.querySelector('html');
    html.onclick=()=>{
      if(this.falg !== 1) return
      html.requestFullscreen()
      this.falg = 2
    }
  }
}
</script>

<style lang="scss">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color:#fff;
  width: 100%;
  min-height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  &:hover{
    overflow: hidden
  }
}
body,p{
  padding: 0;
  border: 0;
  margin: 0;
  width: 100%;
}

/*滚动条整体粗细样式*/
::-webkit-scrollbar {
    /*高宽分别对应横竖滚动条的尺寸*/
    width: 8px;
    height: 8px;
}

/*滚动条里面小方块*/
::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
    /* 颜色 */
    background: #00FFFF !important;
    /* 线性渐变背景 */
    //background-image: linear-gradient(45deg, #ffbd61 25%,#ffbd61 25%, #ff8800 25%, #ff8800 50%,#ffbd61 50%, #ffbd61 75%, #ff8800 75%, #ff8800 100%)!important;
}

/*滚动条轨道*/
::-webkit-scrollbar-track {
    border-radius: 10px !important;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
    background: #051028 !important;
    opacity: 0.1;
}

</style>
